import React from 'react'
import ReactDOM from 'react-dom'

/**
 *  1、函数组件创建的方式以及注意事项
 * 
 *  ① 函数组件首字母是大写的
 *  ② 在函数组件内部必须有返回值，如果不返回任何内容，就需要返回 null
 *  ③ 组件必须写成标签的形式
 */

// 注意事项 1、函数组件首字母是大写的
const Handle = () => {
  // 注意事项 2、在函数组件内部必须有返回值，如果不返回任何内容，就需要返回 null
  // return null

  return (<div>我是函数组件</div>)
}

export default Handle

// 注意事项 3、组件必须写成标签的形式
// 注意事项 4、如果组件标签里面没有子元素，可以使用 /> 进行闭合
// ReactDOM.render(<Handle></Handle>, document.getElementById('root'))
